<template>
	<div>
		<div class="el_header">
			<img src="./img_gold/icon_main.png" />
			<a> 首页 </a> >
			<a> 个人中心 </a> >
			<a> 个人信息 </a>
			
			<a class="a_return"> < 返回 </a>
		</div>
		
				
					<!-- 主体内容 -->
					<div class="el_main">
						
						<el-row>
							<el-col :span="23">
								<div class="div_main_bottom">
									<p>个人信息</p>
									
									<el-form label-width="0.8rem" class="el_form" :model="formData">
										
										<el-form-item label="登录账号:">
											<el-input v-model="formData.account"></el-input>	
										</el-form-item>
										
										<el-form-item label="学生姓名:">
											<el-input v-model="formData.name"></el-input>	
										</el-form-item>
										
										<el-form-item label="性别:">
											<el-radio-group v-model="formData.sex">
												<el-radio  label="0">男</el-radio>
												<el-radio  label="1">女</el-radio>
											</el-radio-group>	
										</el-form-item>
										
										<el-form-item label="年龄:">
											<el-input v-model="formData.age"></el-input>	
										</el-form-item>
										
										<el-form-item label="邮箱:">
											<el-input v-model="formData.email"></el-input>	
										</el-form-item>
										
										<el-form-item label="年级:">
											<el-input v-model="formData.theClass"></el-input>	
										</el-form-item>
										
										<el-form-item label="学校:">
											<el-input v-model="formData.school"></el-input>	
										</el-form-item>
										
										<el-form-item label="绑定手机号码:">
											<el-input v-model="formData.phone"></el-input>	
										</el-form-item>
								
										<el-form-item>
											<el-button type="primary" size="small">保存</el-button>
										</el-form-item>
										
									</el-form>
									
								</div>
							</el-col>
						</el-row>
						
					</div>
			
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				formData:{
					account:"15873778378",
					name:"朱恬",
					sex:"1",
					age:"20",
					email:"1329074047@qq.com",
					theClass:"大三",
					school:"湖南化工职业技术学院",
					phone:"15873778378"
				}
			}
		}
	}
</script>

<style scoped="scoped">
	span,label,a{
		line-height: 0;
	}
		
		/* 顶部导航下面像 面包屑一样的东西 */
	.el_header{
		font-size: 0.0875rem;
		line-height: 0.1875rem;
		padding-left: 0.4rem;
		margin-bottom: 0.0625rem;
		width: 94%;
		position: absolute;
		left: 0;
		top: 0.5625rem;
	}
	.el_header>img{
		vertical-align: middle;
	}
	
	.el_header a{
		font-size: 0.0875rem;
	}
	.el_header .a_return{
		color: #0070C9;
		float: right;
		margin-top: 0.09375rem;
	}
		
	
	/* 主体部分 */
	.el_main{
		overflow: hidden;
		margin-top: 0.28125rem;
		margin-left: 0.125rem;
	}

	
	/* 主体内容的下半部分 */
	.div_main_bottom{
		margin-top: 0.0625rem;
		padding: 0.175rem 0.1875rem 0 0.1875rem;
		background: url(./img_gold/main-bottom.png);
		background-size: 100% 100%;
		height: 4.375rem;
		width: 6.9375rem;
	}
	
	.div_main_bottom>p{
		font-size: 0.1rem;
		font-weight: bold;
		line-height: 0.0625rem;
	}
	
	/* form表单 */
	.el_form{
		margin: auto;
		width: 2.8125rem;
		font-weight: bold;
	}
	
</style>
